<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="renderer" content="webkit">
        <title>pull</title>
        <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <meta content="telephone=no" name="format-detection">
        <meta content="email=no" name="format-detection">
        <meta name="keywords" content="">
        <meta name="description" content="">
        <meta name="share-title" content=""/>
        <meta name="share-img" content=""/>
        <meta name="share-desc" content=""/>
        <meta name="share-url" content=""/>
        <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-precomposed.png">
        
        <link rel="stylesheet" href="../assets/css/base_m.css">
        <link rel="stylesheet" href="../assets/css/mobile/app.css">
        <style>
            html,body {
                height: 100%;
            }
            .pull-content {
                touch-action: pan-x pan-y; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            }
        </style>
        <script type="text/javascript">
            
        </script>
    </head>
    <body class="bg" id="main">
        <div class="pull" >
            <div class="pull-icon icons tac c-9 ">
                <!-- <div class="mt-10"><i class="if icon-arrow-down"></i> <span class="fz-small">下拉可刷新</span> 
                </div>
                <div class="mt-10"><i class="if icon-arrow-down"></i><span class="fz-small">松开以刷新</span>
                </div> -->
                <!-- <div class="dm-loading"></div> -->
            </div>
            <div class="pull-content bgc-w" style="transform: translateY(0px);">
                <ul>
                    <li><div class="panel">1</div></li>
                    <li><div class="panel">2</div></li>
                    <li><div class="panel">2</div></li>
                    <li><div class="panel">2</div></li>
                    <li><div class="panel">2</div></li>
                    <li><div class="panel">2</div></li>
                    <li><div class="panel">2</div></li>
                    <li><div class="panel">2</div></li>
                    <li><div class="panel">2</div></li>
                    <li><div class="panel">2</div></li>
                    <li><div class="panel">2</div></li>
                    <li><div class="panel">2</div></li>
                </ul>
                <div class="http">
                    <div class="http-empty"><div>没有更多了</div></div>
                </div>
            </div>
            
           
        </div>
        
        <script src="../vendor/jquery/jquery-2.1.4.min.js"></script>
        <!-- <script src="../assets/js/dm.base.js"></script> -->
        <script src="../assets/js/plugins/pull.js"></script>
        <script>
            $(function(){
                window.PullToRefresh = new WebPullToRefresh(document.getElementById('main'),function(){
                    console.log(111);

                    setTimeout(function(){
                        window.PullToRefresh.reset();
                    },2000)
                });
                
            });
        </script>
  </body>
</html>